body,
button {
	font-family: Bahnschrift
}

body {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center
}

#leftPanel,
#rightPanel {
	margin: 0;
	width: 20%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

#midPanel {
	margin: 0;
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.comment {
	font-size: 10px;
	font-style: italic;
	font-weight: 100
}

th,
td {
	padding: 5px;
	text-align: center;
}

.row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.letter {
	position: relative;
	width: 43px;
	height: 43px;
	margin: 5px;
	border-radius: 18px;
	padding-top: 4px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center
}

button {
	position: relative;
	height: 45px;
	cursor: pointer;
	margin: 5px;
	border-radius: 10px;
	padding: 16px;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center
}

button.keyboard {
	padding-top: 18px;
	font-size: 30px;
	width: 45px
}

button:disabled {
	cursor: not-allowed
}